<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc"%>
<%@ include file="/WEB-INF/inc/script.inc"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="${base}">
<title>中金通 | 客户管理</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- FooTable -->
<!--  <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.responsive.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.tableTools.min.css"
	rel="stylesheet">
<link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
<link href="js/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
</head>

<body>

	<div id="wrapper">

		<!-- 左侧菜单 -->
		<jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<!-- 头部工具栏区 -->
				<jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>客户管理</h2>
					<ol class="breadcrumb">
						<li><a href="common/platform">Home</a></li>
						<li><a href="investor/list">风险揭示书管理</a></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>

			<div class="row" style="margin-top: 10px;">
				<div class="col-md-12">
					<div class="tabs-container">
						<div class="tab-content">
							<div class="tab-pane active">
								<div class="panel-body">
									<div
										class="wrapper wrapper-content animated fadeInRight ecommerce">
										<form action="list" id="queryForm" name="queryForm"
											method="post" class="myform">
											<div class="ibox-content m-b-sm">
												<div class="row">
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="order_id">订单编号</label>
															<input type="text" id="order_id" name="orderId" value=""
																placeholder="订单编号" class="form-control">
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="status">投资人姓名</label> <input
																	type="text" id="investorName" name="investorName" value=""
																	placeholder="投资人姓名" class="ui-autocomplete-input form-control" autocomplete="off">
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="customer">投资人电话</label>
															<input type="text" id="customer" name="investorMobile"
																value="" placeholder="投资人电话" class="form-control">
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="amount">产品简称</label> <input type="text" id="productBriefName" name="productBriefName" class="ui-autocomplete-input form-control" autocomplete="off" placeholder="产品简称"/>
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="amount">理财师姓名</label> <input type="text" id="employeeName" name="employeeName"
																	value="" placeholder="理财师姓名" class="ui-autocomplete-input form-control" autocomplete="off">
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<label class="control-label" for="amount">风险揭示书</label> 
															<select class="form-control m-b" name="riskDisclosureId" id="riskDisclosureId">
										                            <option value="">所有</option>
										                            <c:forEach items="${rList}" var ="list" varStatus="status">
										                           		 <option value="${list.id}">${list.name}</option>
										                            </c:forEach>
									                           </select>
														</div>
													</div>
												</div>
												<p class="col-sm-offset-5">
													<button type="button" id="btn_query"
														class="btn btn-primary">查询</button>
													<button type="reset" class="btn btn-outline btn-default" id="btn_reset" >重置</button>
													<!-- <button class="btn btn-primary" type="button"
														id="add_group" data-toggle="modal" data-target="#Modal">设置风险揭示书</button> -->
												</p>
											</div>
										</form>
										<div class="row">
											<div class="col-lg-12">
												<div class="ibox float-e-margins">
													<div class="ibox-content">
														<table id="modelEditable" style="width: 100%;"
															class="table table-striped table-bordered table-hover">
															<thead>
																<tr>
																	<th style="background-color: white;"
																		class="sorting_disabled">产品简称</th>
																	<th style="background-color: white;">投资人</th>
																	<th style="background-color: white;">理财师</th>
																	<th style="background-color: white;">签署时间</th>
																	<th style="background-color: white;">操作</th>
																</tr>
															</thead>
															<tbody>
															</tbody>
														</table>

													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal mymodal inmodal" id="Modal" tabindex="-1"
					role="dialog" aria-hidden="true">
					<div class="modal-dialog" style="width: 700px;">
						<div class="modal-content animated fadeIn">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									id="deal_emp_miss">
									<span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
								</button>
								<h4 class="modal-title">设置风险揭示书</h4>
							</div>
							<div class="modal-body">
								<fieldset style="width: 700px;">
									<div class="row">
										<div class="col-sm-10">
											<div class="form-group">
												<label class="col-sm-4 control-label">风险揭示书模版下载</label>
												<div class="col-sm-6">
													<div style="font-size: 14px">
														<a
															href="product/downloadFile?filePath=${filePath}docs/riskDisclosureTemplate/风险揭示书示例模版.docx"
															title="风险揭示书示例模版.docx" data-gallery="">风险揭示书示例模版.docx</a>
													</div>
												</div>
											</div>
										</div>
									</div>
									<br />
									<div class="row">
										<div class="col-sm-10">
											<div class="form-group">
												<label class="col-sm-4 control-label"> <font
													color="red">*</font>风险揭示书:
												</label>
												<div class="col-sm-8">
													<table id="riskDisclosureDiv" width="100%"
														style="display:${riskDisclosure==null?'none':''}">
														<tr>
															<td>
																<div id="riskDisclosure" class="detailText"
																	style="font-size: 14px">${riskDisclosure}</div>
															</td>
															<td>
																<button id="reviewRiskDisclosure" type="button"
																	style="margin-left: 120px;"
																	class="btn btn-outline btn-primary btn-xs"
																	onclick="javascript:location.href='investor/downloadEffect'">下载预览效果</button>
															</td>
														</tr>
													</table>
													<br />
													<table width="100%">
														<tr>
															<td><input id="riskDisclosureFile"
																class="btn btn-outline btn-primary" type="file"
																name="riskDisclosureFile" accept=".docx"></td>
															<td>
																<button type="button" style="margin-left: 20px;"
																	class="btn btn-outline btn-primary"
																	onclick="uploadRiskDisclosure()">上传</button>
															</td>
														</tr>
													</table>
												</div>
											</div>
										</div>
									</div>
									<br />
									<div class="row">
										<div class="col-sm-10">
											<div class="form-group">
												<label class="col-sm-4 control-label">占位符说明表</label>
												<div class="col-sm-8">
													<table
														class="table table-striped table-bordered table-hover dataTable no-footer"
														role="grid" aria-describedby="modelEditable_info">
														<thead>
															<tr>
																<th>占位符</th>
																<th>名称</th>
																<th>备注</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td>[FundFullName]</td>
																<td>基金全称</td>
																<td>需要填写认购基金全称的位置请用“【FundFullName】”占位</td>
															</tr>
															<tr>
																<td>[InvestorSignName]</td>
																<td>投资人签名</td>
																<td>需要投资人签名的位置用“【InvestorSignName】”</td>
															</tr>
															<tr>
																<td>[SignTime]</td>
																<td>签单时间</td>
																<td>填写签单时间的位置用“【SignTime】”占位。</td>
															</tr>
														</tbody>
													</table>
													备注： 1.基金合同上需要填写用户信息的位置，请参照上表，进行占位；
													2.基金合同请用word2007以上的版本。
												</div>
											</div>
										</div>
									</div>
								</fieldset>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 底部版权 -->
			<jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

		</div>
	</div>



	<!-- Mainly scripts -->

	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/plugins/validate/jquery.validate.min.js"></script>
	<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	 <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>

	<!-- Data picker -->
	<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

	<!-- Data Tables -->
	<script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
	<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
	<script src="js/plugins/dataTables/dataTables.responsive.js"></script>
	<script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
	
	<!-- 业务js -->
	<script src="js/ajaxfileupload.js"></script>
	<script src="js/jquery.form.js"></script>
	<script src="js/plugins/jsTree/jstree.min.js"></script>
	<script src="js/investor/riskDisclosure.js?v=${jsVersion}"></script>
	<script src="js/popup-layer.js" type="text/javascript"></script>
	<!-- FooTable -->
	<!-- Page-Level Scripts -->
	<script>
		$(document).ready(function() {
			InvestorModule.init();
			$("#riskDisclosure").text($("#riskDisclosure").text().match(/[^\\/]*$/)[0]);
		});
	</script>

</body>

</html>
